<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>交易数据</title>
    <script src="//unpkg.com/layui@2.6.8/dist/layui.js"></script>
    <script src="../lib/layuimini/js/lay-config.js"></script>
    <link type="text/css" rel="stylesheet" href="../lib/layuimini/lib/layui-v2.5.5/css/layui.css"/>
    <script src="./js/dealDate.js"></script>
</head>
<body>
<table class="layui-hide" id="dealDate" lay-filter="dealDate"></table>

<!--工具条-->
<script type="text/html" id="userToolBar">
    <form class="layui-form layui-col-space5">
        <div class="layui-inline layui-show-xs-block">
            <label class="layui-form-label layui-bg-gray" style="width: 110px;text-align: center">交易日期</label>

            <div class="layui-inline layui-show-xs-block">
                <input class="layui-input start" autocomplete="off" placeholder="请输入交易日期"
                       name="dealTime" id="dealTimes" style="width: 170px;"></div>
        </div>
        <div class="layui-inline layui-show-xs-block">
            <label class="layui-form-label layui-bg-gray" style="width: 110px;text-align: center">证券名称</label>

            <div class="layui-inline layui-show-xs-block">
                <input class="layui-input" placeholder="请输入证券名称" name="securityName" id="securityName">
            </div>
        </div>
        <div class="layui-inline layui-show-xs-block">
            <button class="layui-btn layui-btn-primary" lay-submit="" lay-event="search" lay-filter="search"><i
                    class="layui-icon">&#xe615;</i>搜索
            </button>
        </div>
    </form>
    <div class="layui-btn-container"
         style="position: absolute; right: 120px; top: 10px;">
        <button class="layui-btn layui-btn-sm layui-btn-normal"
                lay-event="add">
            <i class="layui-icon">&#xe654;</i>添加交易数据
        </button>
        <button class="layui-btn layui-btn-sm layui-btn-primary" lay-event="deleteAll" style="color: #FF0000"><i
                class="layui-icon">&#xe640;</i>批量删除
        </button>
    </div>
</script>
<script type="text/html" id="toolEventDemo">
    <a class="layui-btn layui-btn-xs" style="background-color: #1E9FFF" lay-event="edit"><i
            class="layui-icon">&#xe642;</i>编辑</a>
    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del"><i
            class="layui-icon">&#xe640;</i>删除</a>
</script>
<!--增加的div内容-->
<div id="addContent" style="display: none; height: 100%; width:100%; text-align: center">
    <form id="addform" lay-filter="addform" class="layui-form layui-col-space5"
          style="margin: 50px auto; display: inline-block;">
        <input type="hidden" name="fundId" id="fundId">
        <!-- <input type="hidden" name="fundName">
         <input type="hidden" name="blankName">
         <input type="hidden" name="transactionDataDesc">
         <input type="hidden" name="seateRate" id="seateRate1">
         <input type="hidden" name="securitiesType1" id="securitiesType1">
         -->

        <input type="hidden" name="securityId" id="securityId">
        <input type="hidden" name="seatId">
        <input type="hidden" name="cashId" id="cashId">
        <input type="hidden" name="brokerId" id="brokerId">
        <input type="hidden" name="money" id="money">



        <div class="layui-inline layui-show-xs-block" style="text-align: center;">
            <label class="layui-form-label layui-bg-gray" style="text-align: center">证券名称</label>
            <div class="layui-inline layui-show-xs-block">
                <input class="layui-input" placeholder="证券名称" name="securityName" lay-verify="required">
            </div>
        </div>
        &nbsp&nbsp&nbsp&nbsp&nbsp
        <div class="layui-inline layui-show-xs-block">
            <label class="layui-form-label layui-bg-gray" style="text-align: center">账户名称</label>
            <div class="layui-inline layui-show-xs-block">
                <input class="layui-input" placeholder="账户名称" name="accountName" id="accountName" lay-verify="required">
            </div>
        </div>
        <br>
        <br>
        <div class="layui-inline layui-show-xs-block">
            <label class="layui-form-label layui-bg-gray" style="text-align: center">券商名称</label>
            <div class="layui-inline layui-show-xs-block">
                <input class="layui-input" placeholder="券商ID" name="brokerName" id="brokerName" lay-verify="required">
            </div>
        </div>
        &nbsp&nbsp&nbsp&nbsp&nbsp
        <div class="layui-inline layui-show-xs-block">
            <label class="layui-form-label layui-bg-gray" style="text-align: center">席位名称</label>
            <div class="layui-inline layui-show-xs-block">
                <input class="layui-input" placeholder="席位名称" name="seatName" id="seatName" lay-verify="required">
            </div>
        </div>
        <br>
        <br>
        <div class="grid-demo grid-demo-bg1">
            <div class="layui-form-item">
                <label class="layui-form-label layui-bg-gray" style="text-align: center">交易方式</label>
                <div class="layui-input-inline">
                    <select name="dealWay" lay-verify="required" id="dealWay">
                        <option value="1">买入</option>
                        <option value="2">卖出</option>
                        <option value="3">分红</option>
                        <option value="4">送股</option>
                    </select>
                </div>
            </div>
        </div>
        &nbsp&nbsp&nbsp&nbsp&nbsp
        <br>
        <div class="layui-inline layui-show-xs-block">
            <label class="layui-form-label layui-bg-gray" style="text-align: center">交易日期</label>
            <div class="layui-inline layui-show-xs-block">
                <input class="layui-input start" placeholder="请输入成交日期" name="dealTime" id="dealTime"
                       lay-verify="required">
            </div>
        </div>
        &nbsp&nbsp&nbsp&nbsp&nbsp
        <div class="layui-inline layui-show-xs-block">
            <label class="layui-form-label layui-bg-gray" style="text-align: center">交易价格</label>
            <div class="layui-inline layui-show-xs-block" style="width: 182px">
                <input class="layui-input" placeholder="请输入交易价格" name="dealPrice" id="dealPrice" lay-verify="required"
                       onkeyup="Sum(true)">
            </div>
        </div>
        <br>
        <br>
        <div class="layui-inline layui-show-xs-block">
            <label class="layui-form-label layui-bg-gray" style="text-align: center">结算日期</label>
            <div class="layui-inline layui-show-xs-block">
                <input class="layui-input start" placeholder="请输入结算日期" name="endTime" id="endTime"
                       lay-verify="required">
            </div>
        </div>
        &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
        <div class="layui-inline layui-show-xs-block">
            <label class="layui-form-label layui-bg-gray" style="text-align: center">交易数量</label>
            <div class="layui-inline layui-show-xs-block" style="width: 182px">
                <input class="layui-input" placeholder="请输入交易数量" name="dealNumber" id="dealNumber"
                       lay-verify="required" onkeyup="Sum(true)">
            </div>
        </div>
        <br>
        <br>
        <div class="layui-inline layui-show-xs-block">
            <label class="layui-form-label layui-bg-gray" style="text-align: center">结算金额</label>
            <div class="layui-inline layui-show-xs-block" style="width: 182px">
                <input class="layui-input" name="endMoney" id="endMoney" readonly="true">
            </div>
        </div>
        &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
        <div class="layui-inline layui-show-xs-block" style="text-align: center">
            <label class="layui-form-label layui-bg-gray" style="text-align: center">交易金额</label>
            <div class="layui-inline layui-show-xs-block">
                <input class="layui-input" name="dealMoney" id="dealMoney" readonly="true" onkeyup="Sum(true)">
            </div>
        </div>
        <br>
        <br>
        <div class="layui-inline layui-show-xs-block">
            <label class="layui-form-label layui-bg-gray" style="text-align: center">佣金费用</label>
            <div class="layui-inline layui-show-xs-block" style="width: 182px">
                <input class="layui-input" name="commissionFees" id="commissionFees" readonly="true">
            </div>
        </div>
        &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
        <div class="layui-inline layui-show-xs-block">
            <label class="layui-form-label layui-bg-gray" style="text-align: center">过户费</label>
            <div class="layui-inline layui-show-xs-block" style="width: 182px">
                <input class="layui-input" name="transferFee" id="transferFee"  readonly="true">
            </div>
        </div>
        <br>
        <br>
        <div class="layui-inline layui-show-xs-block">
            <label class="layui-form-label layui-bg-gray" style="text-align: center">印花税</label>
            <div class="layui-inline layui-show-xs-block" style="width: 182px">
                <input class="layui-input" name="stampDuty"  id="stampDuty" readonly="true">
            </div>
        </div>
        &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
        <div class="layui-inline layui-show-xs-block">
            <label class="layui-form-label layui-bg-gray" style="text-align: center">征管费</label>
            <div class="layui-inline layui-show-xs-block" style="width: 182px">
                <input class="layui-input" name="control" id="control" readonly="true">
            </div>
        </div>
        <br>
        <br>
        <div class="layui-inline layui-show-xs-block">
            <label class="layui-form-label layui-bg-gray" style="text-align: center">经手费</label>
            <div class="layui-inline layui-show-xs-block" style="width: 182px">
                <input class="layui-input" name="handle"  id="handle" readonly="true">
            </div>
        </div>
        &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
        <div class="layui-inline layui-show-xs-block">
            <label class="layui-form-label layui-bg-gray" style="text-align: center">证券利息</label>
            <div class="layui-inline layui-show-xs-block" style="width: 182px">
                <input class="layui-input" name="securityInterest" id="securityInterest" value="" readonly="true">
            </div>
        </div>

        <div style="position: absolute; left: 38%; bottom: 10px">
            <button class="layui-btn" lay-submit="" lay-filter="addsubmit">
                <i class="layui-icon">&#x1005;</i>添加
            </button>
            <button class="layui-btn layui-bg-red cancel" type="button" name="offSubmit">
                <i class="layui-icon">&#x1006;</i>取消
            </button>
        </div>
    </form>
</div>

<div id="editContent" style="display: none; height: 100%; width:100%; text-align: center">
    <form id="editform" lay-filter="editform" class="layui-form layui-col-space5"
          style="margin: 50px auto; display: inline-block;">
        <input type="hidden" name="fundId">
        <!-- <input type="hidden" name="fundName">
         <input type="hidden" name="blankName">
         <input type="hidden" name="transactionDataDesc">
         <input type="hidden" name="seateRate" id="seateRate1">
         <input type="hidden" name="securitiesType1" id="securitiesType1">
         <input type="hidden" name="exchange1" id="exchange1">-->
        <input type="hidden" name="commission">
        <input type="hidden" name="seatId" id="seatId1">
        <input type="hidden" name="money" id="money1">
        <input type="hidden" name="cashId">
        <input type="hidden" name="brokerId">
        <input type="hidden" name="dealId">
        <input type="hidden" name="securityId" id="securityId1">


        <div class="layui-inline layui-show-xs-block" style="text-align: center;">
            <label class="layui-form-label layui-bg-gray" style="text-align: center">证券名称</label>
            <div class="layui-inline layui-show-xs-block">
                <input class="layui-input" placeholder="证券名称" name="securityName" lay-verify="required">
            </div>
        </div>
        &nbsp&nbsp&nbsp&nbsp&nbsp
        <div class="layui-inline layui-show-xs-block">
            <label class="layui-form-label layui-bg-gray" style="text-align: center">账户名称</label>
            <div class="layui-inline layui-show-xs-block">
                <input class="layui-input" placeholder="账户名称" name="accountName" lay-verify="required">
            </div>
        </div>
        <br>
        <br>
        <div class="layui-inline layui-show-xs-block">
            <label class="layui-form-label layui-bg-gray" style="text-align: center">券商名称</label>
            <div class="layui-inline layui-show-xs-block">
                <input class="layui-input" placeholder="券商ID" name="brokerName" lay-verify="required">
            </div>
        </div>
        &nbsp&nbsp&nbsp&nbsp&nbsp
        <div class="layui-inline layui-show-xs-block">
            <label class="layui-form-label layui-bg-gray" style="text-align: center">席位名称</label>
            <div class="layui-inline layui-show-xs-block">
                <input class="layui-input" placeholder="席位名称" name="seatName" lay-verify="required">
            </div>
        </div>
        <br>
        <br>
        <div class="grid-demo grid-demo-bg1">
            <div class="layui-form-item">
                <label class="layui-form-label layui-bg-gray" style="text-align: center">交易方式</label>
                <div class="layui-input-inline">
                    <select name="dealWay" lay-verify="required" id="dealWay1">
                        <option value="1">买入</option>
                        <option value="2">卖出</option>
                        <option value="3">分红</option>
                        <option value="4">送股</option>
                    </select>
                </div>
            </div>
        </div>
        &nbsp&nbsp&nbsp&nbsp&nbsp
        <br>
        <div class="layui-inline layui-show-xs-block">
            <label class="layui-form-label layui-bg-gray" style="text-align: center">交易日期</label>
            <div class="layui-inline layui-show-xs-block">
                <input class="layui-input start" placeholder="请输入成交日期" name="dealTime" lay-verify="required"
                       id="dealTime1">
            </div>
        </div>
        &nbsp&nbsp&nbsp&nbsp&nbsp
        <div class="layui-inline layui-show-xs-block">
            <label class="layui-form-label layui-bg-gray" style="text-align: center">交易价格</label>
            <div class="layui-inline layui-show-xs-block" style="width: 182px">
                <input class="layui-input" placeholder="请输入交易价格" name="dealPrice" id="dealPrice1" lay-verify="required"
                       onkeyup="Sum(false)"
                >
            </div>
        </div>
        <br>
        <br>
        <div class="layui-inline layui-show-xs-block">
            <label class="layui-form-label layui-bg-gray" style="text-align: center">结算日期</label>
            <div class="layui-inline layui-show-xs-block">
                <input class="layui-input start" placeholder="请输入结算日期" name="endTime" id="endTime1"
                       lay-verify="required">
            </div>
        </div>
        &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
        <div class="layui-inline layui-show-xs-block">
            <label class="layui-form-label layui-bg-gray" style="text-align: center">交易数量</label>
            <div class="layui-inline layui-show-xs-block" style="width: 182px">
                <input class="layui-input" placeholder="请输入交易数量" name="dealNumber" id="dealNumber1"
                       lay-verify="required" onkeyup="Sum(false)">
            </div>
        </div>
        <br>
        <br>
        <div class="layui-inline layui-show-xs-block">
            <label class="layui-form-label layui-bg-gray" style="text-align: center">结算金额</label>
            <div class="layui-inline layui-show-xs-block" style="width: 182px">
                <input class="layui-input" name="endMoney" id="endMoney1" readonly="true">
            </div>
        </div>
        &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
        <div class="layui-inline layui-show-xs-block" style="text-align: center">
            <label class="layui-form-label layui-bg-gray" style="text-align: center">交易金额</label>
            <div class="layui-inline layui-show-xs-block">
                <input class="layui-input" name="dealMoney" id="dealMoney1" readonly="true">
            </div>
        </div>
        <br>
        <br>
        <div class="layui-inline layui-show-xs-block">
            <label class="layui-form-label layui-bg-gray" style="text-align: center">佣金费用</label>
            <div class="layui-inline layui-show-xs-block" style="width: 182px">
                <input class="layui-input" name="commissionFees" id="commissionFees1" readonly="true">
            </div>
        </div>
        &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
        <div class="layui-inline layui-show-xs-block">
            <label class="layui-form-label layui-bg-gray" style="text-align: center">过户费</label>
            <div class="layui-inline layui-show-xs-block" style="width: 182px">
                <input class="layui-input" name="transferFee" id="transferFee1" readonly="true">
            </div>
        </div>
        <br>

        <br>
        <div class="layui-inline layui-show-xs-block">
            <label class="layui-form-label layui-bg-gray" style="text-align: center">印花税</label>
            <div class="layui-inline layui-show-xs-block" style="width: 182px">
                <input class="layui-input" name="stampDuty"  id="stampDuty1" readonly="true">
            </div>
        </div>
        &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
        <div class="layui-inline layui-show-xs-block">
            <label class="layui-form-label layui-bg-gray" style="text-align: center">征管费</label>
            <div class="layui-inline layui-show-xs-block" style="width: 182px">
                <input class="layui-input" name="control" id="control1"  readonly="true">
            </div>
        </div>
        <br>
        <br>
        <div class="layui-inline layui-show-xs-block">
            <label class="layui-form-label layui-bg-gray" style="text-align: center">经手费</label>
            <div class="layui-inline layui-show-xs-block" style="width: 182px">
                <input class="layui-input" name="handle" id="handle1"  readonly="true">
            </div>
        </div>
        &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
        <div class="layui-inline layui-show-xs-block">
            <label class="layui-form-label layui-bg-gray" style="text-align: center">证券利息</label>
            <div class="layui-inline layui-show-xs-block" style="width: 182px">
                <input class="layui-input" name="securityInterest" id="securityInterest1" value="" readonly="true">
            </div>
        </div>

        <div style="position: absolute; left: 38%; bottom: 10px">
            <button class="layui-btn" lay-submit="" lay-filter="editsubmit">
                <i class="layui-icon">&#x1005;</i>修改
            </button>
            <button class="layui-btn layui-bg-red cancel" type="button" name="offSubmit">
                <i class="layui-icon">&#x1006;</i>取消
            </button>
        </div>
    </form>
</div>

</body>
</html>